月底總是吃土？

身為大學生，每個月的生活費有限，房租、飯錢、交際應酬、買書或買衣服，錢往往不知不覺就見底了。每次到了月底，心裡總是冒出一個巨大的問號：「我這個月到底把錢花到哪裡去了？」
市面上雖然有很多現成的記帳 App，但不是廣告太多、介面繁複，就是功能不合胃口。身為資訊相關科系的學生，與其每天抱怨錢不夠用，不如自己動手做一個最符合大學生需求的「記帳與消費分析網站」！

專案核心構想

這 30 天裡，我將從零到一打造一款專屬大學生的記帳網站。它絕對不是那種陽春的小計算機，而是一個具備完整互動與視覺化功能的網頁應用程式。
這個網站預計實現的核心功能包含：

• 日常快速記帳（CRUD）：使用者可以隨時新增、修改或刪除消費紀錄。例如輸入「早餐 60」、「晚餐 150」、「衣服 1200」，系統即時幫你記錄。

• 自動化數據統計與儀表板 (Dashboard)：網站能自動計算並顯示「今日支出」與「本月總支出」。

• 消費分類視覺化：將食物、交通、娛樂、購物等分類，透過圖表（如圓餅圖或長條圖）一目了然地呈現出來。

• 預算管理與超支提醒：使用者可以設定每月的總消費預算，當花費超過預算時，系統會自動跳出提示警告。
  在接下來的 30 天裡，我會記錄從前端介面設計、JavaScript 資料邏輯、後端與資料庫串接，一直到最後上線部署的完整過程。
  如果你也常常月底吃土，或者對全端開發感興趣，歡迎跟著我一起展開這 30 天的實作挑戰！

預計使用的技術堆疊

• 前端 (Frontend)
  1.HTML5 / CSS3 / JavaScript (ES6+)：建構網頁基礎結構、排版與動態互動邏輯。
  2.CSS 框架：使用 Tailwind CSS 或 Bootstrap，快速刻出好看的表單、按鈕與響應式排版（RWD），確保手機和電腦都能順暢記帳。
  3.圖表套件：使用 Chart.js 或 ApexCharts，輕鬆繪製好看的圓餅圖與長條圖，直觀呈現各消費分類比例。
• 後端 (Backend)
  1.Node.js / Express：使用 JavaScript 建立後端伺服器，對前端與全端開發來說直覺且好上手；或是也可以選擇 Python / FastAPI 來撰寫輕量高效的 API。
• 資料庫 (Database)
  1.SQLite 或 MongoDB：選擇輕量且免去複雜設定的資料庫，用來安全儲存使用者的消費紀錄、金額、分類與每月預算設定。
• 版本控制與部署 (DevOps & Tools)
  1.Git / GitHub：用來管理每日的程式碼版本與專案進度。
  2.Vercel / Render：免費且好用的雲端部署平台，讓期末 Demo 網頁能夠直接上線供大家點擊測試。